<template>
  <div>
    <steps 
      :count="count"
      :active="active"
    />
    <button @click="onNext">Next</button>
  </div>
</template>
<script>
import Steps from './index.vue'
export default {
  components:{
    Steps
  },
  data(){
    return {
      count: 5,
      active:0
    }
  },
  methods: {
    onNext(){
      if(this.active>=this.count) return
      this.active++
    }
  },
}
</script>